<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
  <title>留言板</title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <style>

    .inputstyle{
      background:#EAEBF1;
      BORDER-TOP-STYLE: none;
      BORDER-RIGHT-STYLE: none; 
      BORDER-LEFT-STYLE: none; 
      BORDER-BOTTOM-STYLE: solid;
      font-size: 20px;
    }

    #title{
      height:50px;
    }
    li{
      list-style: none;
    }
  </style>
  <script src = "https://cdn.wilddog.com/js/client/current/wilddog.js" ></script>
  <script type="text/javascript" src="js/user.js"></script>
</head>
<body style="background:#26C6DA;">
  <!-- ===================导航============================= -->
<nav class="navbar navbar-inverse  navbar-fixed-top" >
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
        <span class="sr-only">导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">留言板</a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
      <ul class="nav navbar-nav">
        <li><a href="#">首页<span class="sr-only">(current)</span></a></li>
      </ul>
 
    </div>
  </div>
</nav>
  <!-- ===================导航   END  ============================= -->



    

<!-- =========================发表框 ===================================== -->
<center style="margin-top:60px;">
  <div class="col-md-6 " >
    <input  placeholder="Title" type="text" id="title" class="col-md-12 col-md-offset-6 inputstyle">
    <br>
    <textarea rows="5"  placeholder="words" id="word" class="col-md-12 col-md-offset-6 inputstyle" ></textarea>
    <button id="sendbtn"  class="btn btn-info col-md-12 col-md-offset-6 ">
发送留言</button>
  </div>
  <br>

</center>
<!-- =========================发表框 END===================================== -->


<!-- ========================文本发布 =========================-->
<div  style="width:600px; margin-top:30px;" class="col-md-12 col-md-offset-3">
  <ul id="wordul">
  </ul>
</div>
<!-- ========================文本发布 END =========================-->




 <!-- ======================页尾 =================================== -->

<div class="col-md-12 footer" style="color:white;background:#03396D;height:120px;" >
  <hr>
  <center style="margin-top:-20px;">
    <p>Copyright &copy; Zhizhong Electric Science </p>
    <p>Friendly Link ：  
      <a  href="http://zzesxiao.leanote.com">Zhizhong's Blog </a>
 
    </p>
    
  </center>

</div>
<!-- ======================页尾 END=================================== -->

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
 
<script src="js/message.js"></script>
 
</body>
</html>